<?php if (!defined('THINK_PATH')) exit();?><html style="background: rgb(244, 245, 240);">
<head>
    <meta charset="utf-8">
    <title><?php echo ($addpage_info['page_title']); ?></title>
    <meta name="keywords" content="<?php echo ($addpage_info['page_name']); ?>">
    <meta name="description" content="<?php echo ($addpage_info['page_name']); ?>">
    <meta name="viewport" content="user-scalable=no">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1">
    <meta content="telephone=no" name="format-detection">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script type="text/javascript">var __timePoints = {start: (+new Date)};</script>
    <link rel="stylesheet" href="/Public/Home/css/mobile/css/quill.css?v=<?php echo ($data_time); ?>"/>
    <link rel="stylesheet" href="/Public/Home/css/mobile.css?v=<?php echo ($data_time); ?>"/>
</head>
<div id="container" <?php if(empty($ismobile)): ?>class="pc"<?php endif; ?>>
<div>
    <div class="preview-phone" <?php if(!empty($ismobile)): ?>style="margin-top:0px;"<?php endif; ?>>
        <div class="VAct_modelBox VAct_Image first-image" style="padding: 0; box-sizing: border-box; text-align: center; font-size: 0; position: relative; bottom: 0;">
            <link href="/Public/Home/css/swiper.min.css?v=<?php echo ($data_time); ?>" rel="stylesheet">
            <div class="v-gallery-style">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <?php if(is_array($index_images)): foreach($index_images as $key=>$vo): ?><div class="swiper-slide">
                                <img data-first="1" style="width: 100%" src="<?php echo ($vo['image']); ?>"/>
                            </div><?php endforeach; endif; ?>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <div style="background: #2d2c32;overflow: hidden;">
                <?php if($details_index['index_price_hide'] == 1): ?><div class="main-price" style="color: <?php echo ($details_index['index_price_text_color']); ?>; font-size: 18px; height: 50px; line-height: 50px;">
                        <div class="line" style="border-top: 1px solid <?php echo ($details_index['index_price_text_color']); ?>;"></div>
                        <div style="display: inline-block; position: relative; padding: 0px 5px;background: #2d2c32; color: <?php echo ($details_index['index_price_text_color']); ?>">
                            ￥ <?php echo ($details_index['index_price']); ?>
                        </div>
                    </div><?php endif; ?>
                <?php if($details_index['index_buy_hide'] == 1): ?><a href="#fill-forms" data-type="purchase-btn" style="display: block; color: <?php echo ($details_index['index_buy_text_color']); ?>; background-color: <?php echo ($details_index['index_buy_bg_color']); ?>; height: <?php echo ($details_index['index_buy_height']); ?>px; line-height: <?php echo ($details_index['index_buy_height']); ?>px; border-radius: 5px; margin: 10px auto; font-size: 16px; width: 96%;">
                        <?php echo ($details_index['index_buy_name']); ?>
                    </a><?php endif; ?>
            </div>
        </div>

        <?php if(is_array($images_text)): foreach($images_text as $key=>$vo): if($vo['typeid'] == 1): if(is_array($vo['images'])): foreach($vo['images'] as $key=>$v): ?><div class="VAct_modelBox VAct_Image img-wrapper" style="padding: 0; box-sizing: border-box; text-align: center; font-size: 0; position: relative; bottom: 0px;">
                            <img src="<?php echo ($v['image']); ?>" style="width: 100%;">
                        </div><?php endforeach; endif; ?>
                <?php else: ?>
                    <div class="ql-editor">
                        <p><?php echo ($vo['text']); ?></p>
                    </div><?php endif; endforeach; endif; ?>

        <div id="ec-form-wrapper">
            <div id="fill-forms"
                 style="height: 50px;line-height: 50px;text-align: center;border-top: 1px solid #edeef5; font-size: 16px;">
                填写订单
            </div>
            <div class="ec-form-fields">
                <ul class="radio-group clear item-group">
                    <?php if(is_array($package_data)): foreach($package_data as $k=>$data): ?><li onclick="addpage_package(<?php echo ($data['id']); ?>)" data-package="<?php echo ($k); ?>" <?php if($k == 0): ?>class="active"<?php else: ?>class=""<?php endif; ?> data-price="<?php echo ($data['package_price']); ?>">
                            <?php echo ($data['package_name']); ?>
                        </li><?php endforeach; endif; ?>
                </ul>
                <?php echo ($html); ?>
            <div class="ec-form-item clear item-group" style="margin-top: 10px; padding-bottom: 10px">
                    <div class="is-required" style="padding-bottom: 6px;">数量</div>
                    <div>
                        <div style="text-align: right;line-height: 36px;">
                            <div id="package-spinner" class="ec-spinner" style="float: left;">
                                <i data-type="left" class="left disabled">-</i>
                                <input id="package-amount" type="tel" value="1" readonly/>
                                <i data-type="right" class="right">+</i>
                            </div>
                            <div>
                                应付金额：<span id="package-price" style="color: #cf294f; font-size: 16px;"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ec-form-item clear">
                    <label class="ec-label is-required">
                        姓名
                    </label>

                    <div class="ec-content">
                        <input id="name" type="text" class="ec-input" maxlength="10">
                    </div>
                    <div for="name" class="ec-validate"></div>
                </div>
                <div class="ec-form-item clear">
                    <label class="ec-label is-required">
                        手机
                    </label>

                    <div class="ec-content">
                        <input id="phone" type="tel" class="ec-input">
                    </div>
                    <div for="phone" class="ec-validate"></div>
                </div>
                <div id="select-area" class="ec-form-item clear">
                    <label class="ec-label is-required">
                        地区
                    </label>

                    <div style="margin-left: 60px;">
                        <div class="ec-content select-area select-wrapper">
                            <select id="province">
                                <option></option>
                            </select>
                        </div>
                        <div class="ec-content select-area select-wrapper">
                            <select id="city">
                                <option></option>
                            </select>
                        </div>
                        <div class="ec-content select-area select-wrapper">
                            <select id="area">
                                <option></option>
                            </select>
                        </div>
                    </div>
                    <div for="area" class="ec-validate"></div>
                </div>
                <div class="ec-form-item clear">
                    <label class="ec-label is-required">
                        地址
                    </label>

                    <div class="ec-content">
                        <input id="addressdetail" placeholder="请输入详细地址，不需填写省份城区" type="text" class="ec-input"
                               maxlength="50">
                    </div>
                    <div for="addressdetail" class="ec-validate"></div>
                </div>
                <div class="ec-form-item clear">
                    <label class="ec-label is-required">
                        付款
                    </label>

                    <div class="ec-content">
                        <ul class="radio-group" style="float: left;">
                            <li class="active">
                                货到付款
                            </li>
                        </ul>
                        <span style="color: #cf2a4f;">验货满意后付款</span>
                    </div>
                </div>
                <div class="ec-form-item clear">
                    <label class="ec-label">
                        留言
                    </label>

                    <div class="ec-content">
                        <textarea id="message" class="ec-input" style="height: 60px;" maxlength="100"></textarea>
                    </div>
                </div>
                <div class="ec-form-item clear" style="padding-left: 15px; margin-bottom: 0;">
                    <input style="vertical-align: middle" id="cookiecheck" type="checkbox" checked>
                    记录收货地址，下次购买自动输入
                </div>
            </div>
            <div style="text-align: center;">
                <a id="submit-button" name="submit-button" href="javascript:void(0)" class="submit-button" style="
                            color: #fff;
                            background-color: #cf2a4f;
                            height: 46px;
                            line-height: 46px;
                            ">
                    提交订单
                </a>
            </div>
            <input type="hidden" value="<?php echo ($package_data[0]['id']); ?>" id="addpage_package_id"/>
        </div>
        <div style="text-align: center;">
<span style="margin: 15px 0 55px;display: inline-block; font-size: 16px;">
售后电话：
<a id="contact-no" href="tel:<?php echo ($addpage_info['as_phone']); ?>" class="data-report"
   style="color: rgb(0, 149, 212);">
    <?php echo ($addpage_info['as_phone']); ?>
</a>
    <br/>
    <span style="font-size: 14px;line-height: 40px; display: block;">众云电商仅为商家提供技术服务</span>
</span>
        </div>
        <?php if(empty($ismobile)): ?><a id="qrcode-btn" href="javascript:void(0)" class="qrcode-btn"></a><?php endif; ?>
    </div>
    <?php if($details_button['button_qq_hide'] == 1): ?><a style="bottom: 20%; touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);" id="contact_qq" href="http://wpa.qq.com/msgrd?v=3&amp;uin=<?php echo ($qq); ?>&amp;site=qq&amp;menu=yes" class="qq-service"></a><?php endif; ?>
    <div id="btn-list" class="preview-phone-btn-list " style="<?php if($percent > 0): ?>display:block;<?php else: ?>display:none;<?php endif; ?>">
        <a href="javascript:void(0)" onclick="history.back()" class="goback">首页</a>
        <ul class="main-btn-list clear">
            <?php if(($details_button['button_phone_hide'] == 1)): ?><li style="width: <?php echo ($percent); ?>%;">
                    <a id="contact_tel" href="tel:<?php echo ($details_button['button_phone_number']); ?>"
                       style="font-size:16px; display: block; color: #fff;background-color: #cf2a4f">
                        <?php echo ($details_button['button_phone_name']); ?>
                    </a>
                </li><?php endif; ?>
            <?php if(($details_button['button_sms_hide'] == 1)): ?><li id="contact_msg" style="width: <?php echo ($percent); ?>%;">
                    <a href="sms:<?php echo ($details_button['button_sms_number']); ?>" style="font-size:16px; display: block; color: #fff;background-color: #cf2a4f">
                        <?php echo ($details_button['button_sms_name']); ?>
                    </a>
                </li><?php endif; ?>
            <?php if(($details_button['button_buy_hide'] == 1)): ?><li style="width: <?php echo ($percent); ?>%;">
                    <a data-type="purchase-btn" href="#fill-forms"
                       style="font-size:16px; display: block; color: #fff;background-color: #cf2a4f">
                        <?php echo ($details_button['button_buy_name']); ?>
                    </a>
                </li><?php endif; ?>
        </ul>
    </div>
</div><?php if($addpage_info['page_state'] == 0): ?><div class="preview-remind">本页面仅供预览，过期将失效，请勿用于投放</div><?php endif; ?>
<?php if(empty($ismobile)): ?><script src="/Public/Home/js/vendor/qrcode/qrcode.js"></script>
    <div id="qrcode-container" class="qrcode hide">
        <div class="content">
            <div id="qrcode"></div>
            <?php if($addpage_info['page_state'] == 0): ?><span style="margin-top:20px; line-height: 2; display: inline-block">此二维码仅供参考，过期将失效</span><?php endif; ?>
        </div>
    </div><?php endif; ?>
<link rel="stylesheet" href="/Public/Home/css/mobile/css/weui.min.css?v=<?php echo ($data_time); ?>"/>
<div id="loading-toast" class="hide">
    <div class="weui-mask_transparent"></div>
    <div class="weui-toast">
        <i class="weui-loading weui-icon_toast"></i>

        <p id="loading-toast-message" class="weui-toast__content">正在提交订单</p>
    </div>
</div>
<div id="toast" class="hide">
    <div class="weui-toast remind">
        <i class="weui-icon-success-no-circle weui-icon_toast"></i>

        <p id="toast-message" class="weui-toast__content"></p>
    </div>
</div>
<div id="success-toast" class="hide">
    <div class="weui-mask_transparent"></div>
    <div class="weui-toast">
        <i class="weui-icon-success-no-circle weui-icon_toast"></i>

        <p id="success-toast-message" class="weui-toast__content"></p>
    </div>
</div>
<div class="weui_dialog_alert hide">
    <div class="weui_mask"></div>
    <div class="weui_dialog">
        <div class="weui_dialog_hd">
            <strong class="weui_dialog_title">提示</strong>
        </div>
        <div class="weui_dialog_bd"></div>
        <div class="weui_dialog_ft">
            <a href="javascript:void(0);" class="weui_btn_dialog primary">确定</a>
        </div>
    </div>
</div>
{__TOKEN__}
<script type="text/javascript">
    window.EC = {
        id:"<?php echo ($id); ?>",
        packageList: '[]',
        isPublish: "<?php echo ($addpage_info['page_state']); ?>",
        isTogether: +'0'
    };
</script>
<script src="/Public/Admin/js/jquery-1.12.4.js"></script>
<script src="/Public/Home/js/common/region.min.js"></script>
<script src="/Public/Home/js/common/js.cookie.min.js"></script>
<script src="/Public/Admin/js/swiper.min.js"></script>
<script type="text/javascript" src="/Public/Home/js/mobile.js?v=<?php echo ($data_time); ?>"></script>
<script type="text/javascript">
    new Swiper(document.querySelector(".swiper-container"), {
        autoplay: window.__indexPicSpeed,
        autoplay : 3000,
        speed:<?php echo ($details_index['index_spee_number']); ?> * 1000,
        loop: !0,
        grabCursor: !0,
        setWrapperSize: !0,
        pagination: ".swiper-pagination",
        paginationClickable: !0,
        autoplayDisableOnInteraction: !1
    });
</script>
</body>
</html>